.pagination {
  @apply h-8 flex items-center justify-center text-sm text-white-60 flex-nowrap;

  .nextPrev {
    @apply cursor-pointer shrink-0;
  }

  .item {
    @apply h-8 rounded-sm px-3 ml-1 bg-bg25 leading-8 w-auto min-w-8;

    &.pointer {
      @apply cursor-pointer;
    }
  }

  .itemActive {
    @apply text-theme;
  }

  .phoneLeft {
    @apply mr-3;
  }

  .phoneRight {
    @apply ml-3;
  }
}

// 移动端
@media screen and (max-width: 767px) {
  .pagination {
    @apply w-full text-xs overflow-x-auto overflow-y-hidden;

    .phoneLeft {
      @apply mr-2;
    }

    .item {
      @apply px-2;
    }

    .phoneRight {
      @apply ml-2;
    }
  }
}
